/*
* @Author: 应煜鑫
* @Date:   2017-11-12 13:05:21
* @Last Modified by:   应煜鑫
* @Last Modified time: 2017-11-12 14:13:46
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #222; background: #eee; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}

#play{
	width:990px;
	height: 376px;
	overflow: hidden;
	margin: 50px auto; 
	position: relative;
	background-color: red
}

#play ul{
	position: absolute;
	top: 0px;
	left: 0;
	padding: 0;
}

#play ul li{
	width: 100%;
    height: 376px;
}

#play ul li img{
	width: 100%;
	height: 376px;
}

#play ol{
	height:30px;
	position: absolute;
	padding: 3px;
	bottom: 3px;
	right: 3px;
	background-color:#ddd;
	z-index: 999;
}
#play ol li{
	float: left;
	line-height: 30px;
	color: #fff;
	width: 30px;
	text-align: center;
	background-color:red;
	margin:0px 0px 0 0;
	cursor: pointer;
}
#play ol li.active{
	background-color:#ff0;
	color: red;
	font-weight: bold;
}